.top {width:100%;height:30px;line-height:30px;border-bottom:1px solid #ccc;}
.top_l {width:900px;}
.top_r {width:280px;text-align:right;}

.header {padding:30px 0;overflow:hidden;}
.logo img{max-height:50px;}
.yu{background: url(../images/shu.png)no-repeat left;padding-left:42px;margin-left:33px;color:#333;font-size:20px;line-height: 50px;}
.toptel{background: url(../images/tel.png)no-repeat right;padding-right:80px;color: #333;line-height: 30px;text-align:right;}
.toptel p {font-size:18px;}
.toptel span {display:block;font-size:20px;color:#666;}

.menu{background: #227af1;}
.nav li{height:50px;line-height:50px;text-align:center;float:left;}
.nav li a{display:block;color:#fff;font-size:16px;padding:0 65px;}
.nav li a:hover,.nav li a.cur{background:#1c64c6;}

.ban{position:relative;width:1200px;height:500px;margin:0px auto;}
.banPa{left:-360px; position:absolute;}
#foucsBox { margin: 0 auto; padding: 0; width: 1920px; height: 500px; overflow: hidden; zoom: 1; position: relative;}
#foucsBox .imgCon { width: 1920px; height: 500px; margin: 0; padding: 0; position: relative; list-style: none; }
#foucsBox .imgCon li { float: left; width: 1920px; height: 500px; }
#foucsBox .imgCon li img {width: 1920px; height: 500px; }
#foucsBox .foucs { width: 1920px; height: 18px; position: absolute; bottom: 15px; text-align: center; z-index: 3; }
.foucs span{display: inline-block;
    width: 17px;
    height: 17px;
    margin: 0 5px;
    line-height: 0;
    font-size: 0;
    background: url(../images/ban_coin.png) -23px 2px no-repeat;
    cursor: pointer;
    overflow: hidden;}
.foucs span.f{background:url(../images/ban_coin.png) 0px 0px no-repeat;}

.word{padding:10px 0;overflow:hidden;border-bottom:1px solid #e5e5e5;}
.hotSearch{width:600px;line-height: 40px;color: #227af1;}
.hotSearch a{margin-right:10px;color:#666;}
.search{position: relative;width: 382px;height: 41px;border: 1px solid #c1c1c1;margin: 8px 0;}
.search_text{width: 250px;height: 41px;color: #000;border: 0px;padding-left: 5px;outline: none;background: none;}
.search_select{width:51px;height:40px;}
.search_select select{display:none;}
.select_box{position:relative;height:20px;}
.search_select .select_showbox{width:40px;color:#989898;background:url(../images/seaBg.png) no-repeat right center;line-height:13px;border-left:1px solid #dedede;padding-left:8px;margin:8px 0px;}
.select_option {position:absolute;top:22px;border: 1px solid #dddddd;border-top: 0px;background: #fff;right: -4px;width:53px;line-height:24px;display:none;}
.select_option li{padding-left:9px;color:#989898;}
.select_option li.hover{background:#f9f9f9;}

.title{background: url(../images/tit.png)no-repeat center 4px;text-align:center;color:#333;}
.title h3{color: #227af1;font-size:20px;font-weight:bold;margin-bottom: 16px;}

.iabout {margin-top:30px;}
.iabo_img {width:400px;}
.iabo_txt {width:760px;}
.iabo_txt p{text-indent:2em;line-height:30px;}
.more {margin-top: 20px;}
.more a{color:#fff;background:#227af1;padding:8px 20px;}
.more a:hover {background:#1c64c6;}

.heng{height: 110px;}

.ipro {margin-top: 30px;}
.iprol{width:302px;background:#f5f5f5;}
.iprol h3{color: #fff;font-size: 24px;padding-left:60px;padding-top:36px;background: url(../images/protit.jpg) no-repeat;}
.iprol ul{padding:20px;}
.iprol ul li{background:url(../images/dot.png) no-repeat 0px;height:40px;line-height:40px;border:1px dotted #ccc;margin-bottom: 20px;}
.iprol ul li:last-child {margin-bottom: 0px;}
.iprol ul li:hover{border:1px dotted #227af1;}
.iprol ul li a{display: inline-block;color: #333;font-size: 16px;padding-left:30px;}
.iprol ul li a:hover{color: #227af1;}

.ipror{width: 880px;}
.iprolist li{float: left;margin-right: 35px;margin-bottom: 40px;width: 270px;position: relative;}
.iprolist li:nth-child(3n){margin-right:0px;}
.iprolist li h3{background: #227af1;height: 45px;line-height: 45px;text-align: center;}
.iprolist li h3 a {display: block;color:#fff;}
.iprolist li a img{width: 270px;height: 200px;}
.iprolist li a.cp-hover{background: url(../images/probg.png)no-repeat;position: absolute;left:0px;top:0px;width: 100%;height:200px;display: none;}
.iprolist li:hover .cp-hover{display: block;}

.ys{background: url(../images/ys.jpg) no-repeat;margin-top:60px;padding: 60px 0;}
.ys_tit {color:#f8252b;font-size:30px;font-weight:bold;padding-bottom:30px;}
.ys_tit span {display: block;font-size:14px;color: #fff;text-transform: uppercase;}
.ys ul{overflow: hidden;}
.ys ul li{float: left;margin-right: 10px;margin-bottom: 10px;overflow: hidden;width: 595px;height: 350px;cursor: pointer;}
.ys ul li img{width: 250px;height: 350px;float: left;}
.ys ul li .cont{width: 260px;float: left;margin-left: 35px;margin-top: 70px;overflow:hidden;}
.ys ul li .cont span{color: #227af1;font-size: 20px;font-weight: bold;}
.ys ul li .cont p{color: #666;font-size: 12px;line-height: 26px;text-align: justify;margin-top: 20px;height: 138px;}
.ys ul li:nth-child(1){background: url(../images/yb1.png)no-repeat;}
.ys ul li:nth-child(2){background: url(../images/yb2.png)no-repeat;margin-right: 0px;}
.ys ul li:nth-child(2) img{float: right;}
.ys ul li:nth-child(3){background: url(../images/yb3.png)no-repeat;}
.ys ul li:nth-child(4){background: url(../images/yb4.png)no-repeat;margin-right: 0px;}
.ys ul li:nth-child(4) img{float: right;}
.ys ul li:hover{background: #227af1;color: #fff;}
.ys ul li:hover span,.ys ul li:hover p{color: #fff;}

.caselist{margin-top: 30px;}
.caselist li{float: left;width: 270px;height: 230px;position: relative;margin:0 20px;}
.caselist li img{width: 270px;height: 230px;}
.caselist li span{display: block;position: absolute;bottom: 0px;left:0px;height: 36px;line-height: 36px;text-align: center;background: rgba(0,0,0,0.7);width: 100%}
.caselist li span a{color: #fff;}

#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

.inews_tit{background: url(../images/xin.png)no-repeat center 0;text-align: center;color: #333;height:52px;padding-top: 18px;}
.inews_tit h3{color:#227af1;font-size: 20px;}
.inews_cont{margin-top: 50px;}
.inews_img{width: 300px;height: 380px;}
.inews_ri{width: 900px;border-top:1px solid #ccc;}
.inews_list{padding-left: 40px;margin-top: 10px;}
.inews_list li{overflow: hidden;margin-bottom: 18px;}
.inews_list li .time{text-align: center;}
.inews_list li .time p{color: #333;font-size: 32px;line-height:50px;}
.inews_list li .time span{color: #666;display: block;}
.inews_list li .cont{width: 770px;}
.inews_list li .cont a{color: #227af1;font-size: 16px;}
.inews_list li .cont p{color: #333;line-height: 24px;}

.shangmeng {width:100%;border-bottom: 1px solid #545454;background:#292929;line-height:35px;color:#eee;}
.shangmeng a{color:#eee;margin-right:10px;}

#footer{background:#292929;color:#eee;border-bottom: 1px solid #454545;padding:20px 0;overflow:hidden;}
#footer a{color:#eee;}
.nav_foot{width:400px;border-right:1px solid #949494;line-height:40px;}
.nav_foot em {font-style:normal;padding:0 5px;}
.ft_cont{width:350px;text-align:center;border-right:1px solid #949494;}
.copyright{background: #171717;padding:20px 0;text-align: center;}

.n_banner{width:1920px;margin-left:-960px;left:50%;position:relative;height:300px;}
.n_banner img{width:1920px;height:300px;}

.container{padding:30px 0;overflow:hidden;}
.left{width:240px;float:left;}
.left .box{margin-bottom:20px;}
.left .box h3{line-height:20px;padding-left:15px;background: url(../images/bt.png) no-repeat 0% 50%;font-size: 16px;color:#000;height:45px;}
.left .box h3 span{font-size:12px;color:#949494;font-family:"Arial";}
.sort{padding:0 10px 0 10px;}
.sort li{margin-top:10px;}
.sort li a{color:#333;display:block;line-height:35px;text-align: center;background: #e6e8e7;border-radius: 5px;}
.sort li a:hover{background: #227af1;color: #fff;}
.left .box .content{padding:10px;}

.right{width:920px;float:right;padding-bottom:10px;}
.crumb{line-height:45px;height:45px;font-size: 16px;border-bottom:1px solid #d8d8d8;}
.right .content{padding:15px 0;font-size:16px;text-indent:2em;line-height:30px;}
.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;text-indent:2em;}

.h20{height: 20px;}
.prolist li{float: left;margin-right:55px;margin-bottom:30px;width: 270px;position: relative;}
.prolist li:nth-child(3n){margin-right:0px;}
.prolist li h3{background: #227af1;height: 45px;line-height: 45px;text-align: center;}
.prolist li h3 a {display: block;color:#fff;}
.prolist li a img{width: 270px;height: 200px;}
.prolist li a.cp-hover{background: url(../images/probg.png)no-repeat;position: absolute;left:0px;top:0px;width: 100%;height:200px;display: none;}
.prolist li:hover .cp-hover{display: block;}

.pages {
    padding: 10px 0 10px; 
    text-align: center;  
}
.pages li {
    display: inline;
    margin:0 5px;
}
.pages li.pages_solid {
    color: #fff;
    background: #227af1;
    padding: 3px 8px;
}
.pages li a {
    padding: 4px 8px;
    border: 1px solid #ccc;
    background: #fff;
    color: #666;
    font-size:12px;
}
.pages li a:hover {
    padding: 3px 8px;
    border: 1px solid #227af1;
    background: #227af1;
    color: #fff;
    text-decoration: none;
}

.newsleft li{background:url(../images/list_dot.gif) no-repeat 0% 50%;padding-left:12px;border-bottom:1px dotted #ccc;}
.newsleft li a{display:block;}

.pic{float: left;width: 120px;}
.pic img {width:120px;height:90px;}
.wenzi{float: right;width: 780px;}
.news_list li{line-height:30px;position:relative;padding:10px 0;overflow:hidden;border-bottom: 1px dashed #cfcfcf;}
.news_list li a{color:#555;font-size:16px;}
.news_list li a:hover{color:#227af1;}
.news_list li span{color:#999;z-index:0;line-height:30px;position:absolute;right:0px;top:10px;}
.news_list li p{color: #666;line-height: 25px;}

.product_detail{padding:5px;}
.product_detail h1{text-align:center;line-height:30px;font-size:18px;border-bottom:1px solid #e0e1dc;margin-bottom:15px;padding-bottom:5px;}
.product_detail .img {text-align:center;}
.product_detail .img img {width:270px;height:200px;display:inline;}
.p_detail {padding:20px 0;font-size:16px;text-indent:2em;line-height:30px;}

.tag{line-height:30px;border-top:1px dashed #e0e1dc;color:#999;}
.tag a{color:#005a98;}
.tag a:hover{color:#3480ce;}
.pre{line-height:26px;border-top:1px dashed #e0e1dc;}
.pre a{color:#005a98;}
.pre a:hover{color:#3480ce;}

.relate {margin-top:10px;}
.relate h4{width:100px;text-align:center;line-height:30px;color:#fff;background:#227af1;}
#relate_n li{height:30px;line-height:30px;border-bottom:1px dotted #ccc;}
#relate_n li a {width:70%;float:left;}
#relate_n li span {width:28%;float:right;text-align:right;}
#relate_p li {float:left;width:220px;text-align:center;margin-top:10px;margin-right:10px;}
#relate_p li a {display:block;}
#relate_p li img {width:220px;height:160px;}
#relate_p li h3 {height:35px;line-height:35px;background:#227af1;}
#relate_p li h3 a {color:#fff;}

.news_detail h1{text-align:center;font-size:18px;border-bottom:1px solid #e0e1dc;margin-bottom:5px;}
.news_detail h6 {line-height:30px;text-align:center;border-bottom:1px dotted #e0e1dc;}